<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商学院详情</title>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/commontCust.css" />
		<link rel="stylesheet" type="text/css" href="../../css/style.css" />
		<link rel="stylesheet" type="text/css" href="../../css/title.css" />
		<link rel="stylesheet" type="text/css" href="../../videoPlay/video.css" />
		<style>
			.mui-bar .mui-icon {
				margin-top: 4px;
				font-size: 28px;
				color: #999999;
			}
			
			.mui-bar-nav.mui-bar .mui-icon {
				padding-left: 5px;
			}
			
			.mui-bar .mui-title {
				margin-top: 6px;
				color: #2f2f2f;
				font-weight: normal;
			}
			
			.more {
				margin-top: 16px;
				margin-right: 5px;
			}
			
			.mui-bar:after {
				position: absolute;
				right: 0;
				bottom: 0;
				left: 0;
				height: 1px;
				content: '';
				-webkit-transform: scaleY(.5);
				transform: scaleY(.5);
				background-color: #dadada;
			}
			
			body {
				background: white;
			}
			
			.mui-content {
				margin-top: 60px;
				padding-bottom: 20px;
				background: #F0F0F0;
			}
			
			.user_txt {
				padding-left: 1rem;
				height: 25px;
				margin: 0px;
				margin-bottom: 20px;
			}
			
			.news_title {
				font-size: 1.4rem;
				line-height: 1.5;
				font-weight: 500;
				padding-left: 1rem;
				padding-right: 1rem;
				margin-top: .9rem;
				margin-bottom: .3rem;
			}
			
			.user_img {
				width: 25px;
				height: 25px;
				border-radius: 25px;
				margin-right: 5px;
			}
			
			.user_name,
			.news_time {
				position: relative;
				top: -8px;
				font-size: 12px;
			}
			
			.news_time {
				margin-left: 10px;
			}
			
			.text_dome {
				padding: 10px;
			}
			
			.text_dome b {
				color: #000000;
				font-size: 16px;
			}
			
			#openvideo {
				height: 50px;
				line-height: 50px;
				color: white;
				text-align: center;
				position: fixed;
				z-index: 110;
				bottom: 0px;
				width: 100%;
				background-color: #000000;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav home_top">
			<h1 class="mui-title"><span lang>详情</span></h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<a class="title_right" id="transfer_out_record" lang></a>
		</header>
		<div style="margin-top: 60px;">
			<div style="width: 100%;height: 40px;padding-left: 10px;" class="divColumn">

				<span style="color: black;font-size: 14px;">悦诗风吟绿色圣诞向珍贵的人传递心意</span>
				<span style="color: black;font-size: 10px;">2019-04-01  15:03:53</span>

			</div>

			<!-- 视频播放区域-->
			<div class="mui-video-Container" id="video_Container">
				<div class="mui-video-full">
					<!--加载提示-->
					<div class="rprogress">
						<span class="ladtit">加载</span>
						<div class="rschedule"></div>
					</div>
					<!--end-->
					<!--全屏时后退图标-->
					<span class="mui-full-back"> 
   <svg class="icon" aria-hidden="true">
  <use xlink:href="#icon-houtui1"></use>
   </svg>
    <span class="vtitle"></span>
					</span>
					<!--end-->
					<!--播放按钮-->
					<span class="mui-pay_ico"> 
   <svg class="icon" aria-hidden="true">
  <use xlink:href="#icon-bofang1"></use>
   </svg>
  </span>
					<!--end-->
					<div class="v_left"></div>
					<div class="b_right"></div>
					<div class="ptime"></div>
					<div class="mui-video-txt"></div>
					<!-- 播放进度条-->
					<div class="mui-videoControls">
						<span class="mui-time-total mui-quanping"> <!--全屏按钮-->
			  <span class="mui-time-cout">00:00</span>
						<!--总时间-->
						<span class="mui-full-btu">
			 <svg class="icon" aria-hidden="true">
       <use xlink:href="#icon-quanping"></use>
       </svg>
			 </span>
						</span>
						<span class="mui-time-current">00:00</span>
						<!--进度时间-->
						<div class="mui-progressWrap">
							<!--可以拖动的进度条-->
							<div>
								<input type="range" id='mui-block-range' value="0" min="0" max="100">
							</div>
						</div>
					</div>
					<!-- 播放进度条end-->
				</div>
			</div>
			<!--视频播放区域end-->

		</div>

		<script src="../../js/mui.min.js"></script>
		<script src="../../js/config.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../mall/vue/vue.min.js"></script>
		<script src="../../mall/vue/swiper/swiper.min.js"></script>
		<script src="../../mall/vue/vue-scroller.min.js"></script>
		<script src="../../js/jquery-2.1.4.js"></script>
		<script src="../../videoPlay/html5video.js"></script>
		<script src="../../videoPlay/hls.min.js"></script>
		<script>
 			//初始化插件
			mui.init();
			//初始化插件
			var htmlvideo = Html5video("#video_Container", {
				title: "新坦结衣Gakki雪肌精广告", //视频标题，当全屏时会显示
				url: "http://onehk-1251146759.cosgz.myqcloud.com/video_171129.mp4", //支持本地视频和网络视频，格式MP4
				img: "https://zs.manyiwl.com/uploads/image/20171231/1514657764.jpg", //视频截图封面
				time: "02:30", //视频总时间以分钟单位，当网络缓慢时，没办法及时加载出来，如已知可以填写，可不填。
				autoplay: false, //是否自动播放视频
				isMobile: false, //是否开启当处于移动网络时，提示用户是否继续播放视频。,不支持浏览器环境
				isFull: true, //是否点击播放就全屏显示
				iospay: false, //如果是IOS系统是否采用苹果系统自带播放器, 可以在浏览器或微信中，全屏观看视频
				drag: true, //禁止拖动,调节,音量和亮度
				isfull: true, //是否显示全屏按钮
				prompt: function(video) //当开启isMobile时,这里可以写提示用户的内容,h5+环境才有效
				{
					mui.confirm('你当前处于移动手机网络将会消耗手机流量，是否继续播放？', '提示', ["取消", "确定"], function(e) {
						if(e.index == 1) {
							video.play();
						}
					}, "div");
				}
			});
		</script>
	</body>

</html>